import React, { Component } from 'react';
import img from './logo.png';
require("./welcome.css");

class Welcome extends Component {
  constructor(props){
    super(props);
    this.state = {
      divStyle: {
        display: "flex",
        flexDirection: "column",
        justifyContent: "center",
        alignItems: "center",
        textAlign: "center"
      },
      fontStyle: {
        fontFamily: "Roboto",
        fontSize: "30px",
        color: "gray",
        fontWeight: "bold"
      }
    }
  }

  render() {
    return (
      <div>
        {
          <div className="divWelcomeMainContent">
            <div style={this.state.divStyle}>
              <img src={img} alt="logo"/>
              <div className="divWelcomeBack" style={this.state.fontStyle}>Welcome Back</div>
            </div>
          </div>
        }
      </div>
    );
  }
}

export default Welcome;